<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="rem" content="design-width=720,max-width=480">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>涨停助手使用攻略</title>
    <script src="//s.thsi.cn/js/m/common/zepto.js"></script>
    <script
        src="//s.thsi.cn/cb?js/m/v2.10/common/;bridge.js;user.js;rem.js;js/m/v2.10/business/;stat.js;js/m/vue/;vue-2.5.10.min.js&20191113">
    </script>
    <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.2.4/business/thsIphoneXAdapter.js"></script>

    <!-- build:css styles/des.css -->
    <link type="text/css" rel="stylesheet" href="styles/reset.css">
    <link type="text/css" rel="stylesheet/less" href="styles/des.less" />
    <!-- endbuild -->

    <!-- build:remove -->
    <script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
    <!-- endbuild -->
</head>

<body>

    <div id="app" v-cloak>
        <!-- banner头 -->
        <section class="banner" @click='clickStat("banner")'>
            <img src="images/des-banner.jpg" alt="">
        </section>

        <!-- 顶部悬浮 -->
        <section class="tabList" v-show='floatTabListShow' :style='{"opacity": floatTabOpacity}'>
            <ul>
                <li v-for='(item, index) in floatTabList' :key='"float"+index'
                    :class='{"selected": floatTabIndex === index}' @click='changeTab(index)'><span>{{ item }}</span></li>
            </ul>
        </section>

        <section class='main'>
            <section class="part part1">
                <div class="title">
                    <img src="images/des-title1.png" alt="">
                </div>
                <h2>功能1：涨停基因</h2>
                <span>实时计算股票涨停潜力分</span>
                <div class="content">
                    <img :src="imgSrc1" alt="" @click='rePlay(1)'>
                </div>
                <p>涨停基因分数越高，涨停几率越大。当股票分数超过60分还未涨停时，应重点关注。</p>
            </section>

            <section class="part part2">
                <div class="title">
                    <img src="images/des-title2.png" alt="">
                </div>
                <h2>功能2：潜力连板</h2>
                <span>展示明日涨停概率，辅助选股简单高效</span>
                <div class="content">
                    <img :src="imgSrc2" alt="" @click='rePlay(2)'>
                </div>
                <p>交易日每天下午15:30选出明天可能继续连板的个股，第二天应重点关注。</p>
            </section>

            <section class="part part3">
                <div class="title">
                    <img src="images/des-title3.png" alt="">
                </div>
                <h2>功能3：涨停复盘</h2>
                <span>涨停数据清晰分类，看懂龙头股</span>
                <div class="content">
                    <img src="images/des-Q3.jpg" alt="">
                </div>
                <p>进入涨停复盘页面，可按照涨停板数、概念划分等进行每日复盘，帮你一眼找到龙头股，从中挖掘更多短线机会，提前制定第二天买卖计划。</p>
            </section>

            <section class="part part4">
                <div class="title">
                    <img src="images/des-title4.png" alt="">
                </div>
                <h2>功能4：异动监控</h2>
                <span>多条件监控，涨停动态不再错过</span>
                <div class="content">
                    <img :src="imgSrc4" alt="" @click='rePlay(4)'>
                </div>
                <p>可设置即将涨停、打开涨停、大幅拉升等情况，在不方便及时盯盘的情况下可及时收到提醒。</p>
            </section>

            <section class="part part5">
                <div class="title">
                    <img src="images/des-title5.png" alt="">
                </div>
                <div class="content">
                    <img src="images/des-enter.gif" alt="">
                </div>
            </section>

        </section>

        <section class="float" @click='nexPage'>立即使用</section>
        <section class="bottomWhite"></section>
    </div>
    </div>

    <!-- build:js scripts/des.js -->
    <script type="text/javascript" src="scripts/config.js"></script>
    <script type="text/javascript" src="scripts/des.js"></script>
    <!-- endbuild -->
</body>

</html>